<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

<html><head><title>mxGraphView</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script><script language=JavaScript src="../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>

<!--  Generated by Natural Docs, version 1.5 -->
<!--  http://www.naturaldocs.org  -->

<!-- saved from url=(0026)http://www.naturaldocs.org -->




<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="mxGraphView"></a>mxGraphView</h1><div class=CBody><p>Extends <a href="../util/mxEventSource-js.html#mxEventSource" class=LClass id=link129 onMouseOver="ShowTip(event, 'tt1', 'link129')" onMouseOut="HideTip('tt1')">mxEventSource</a> to implement a view for a graph.&nbsp; This class is in charge of computing the absolute coordinates for the relative child geometries, the points for perimeters and edge styles and keeping them cached in <a href="mxCellState-js.html#mxCellState" class=LClass id=link130 onMouseOver="ShowTip(event, 'tt51', 'link130')" onMouseOut="HideTip('tt51')">mxCellStates</a> for faster retrieval.&nbsp; The states are updated whenever the model or the view state (translate, scale) changes.&nbsp; The scale and translate are honoured in the bounds.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#mxGraphView" >mxGraphView</a></td><td class=SDescription>Extends <a href="../util/mxEventSource-js.html#mxEventSource" class=LClass id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxEventSource</a> to implement a view for a graph. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Events" >Events</a></td><td class=SDescription></td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.mxEvent.UNDO" >mxEvent.UNDO</a></td><td class=SDescription>Fires after the root was changed in <a href="#mxGraphView.setCurrentRoot" class=LFunction id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">setCurrentRoot</a>. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxGraphView.mxEvent.SCALE_AND_TRANSLATE" >mxEvent.<wbr>SCALE_AND_TRANSLATE</a></td><td class=SDescription>Fires after the scale and translate have been changed in <a href="#mxGraphView.scaleAndTranslate" class=LFunction id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">scaleAndTranslate</a>. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.mxEvent.SCALE" >mxEvent.<wbr>SCALE</a></td><td class=SDescription>Fires after the scale was changed in <a href="#mxGraphView.setScale" class=LFunction id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">setScale</a>. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxGraphView.mxEvent.TRANSLATE" >mxEvent.<wbr>TRANSLATE</a></td><td class=SDescription>Fires after the translate was changed in <a href="#mxGraphView.setTranslate" class=LFunction id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">setTranslate</a>. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.mxEvent.DOWN_and_mxEvent.UP" >mxEvent.<wbr>DOWN and mxEvent.UP</a></td><td class=SDescription>Fire if the current root is changed by executing an <a href="#mxCurrentRootChange" class=LClass id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">mxCurrentRootChange</a>. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.mxGraphView" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">mxGraphView</a></td><td class=SDescription>Constructs a new view for the given <a href="mxGraph-js.html#mxGraph" class=LClass id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">mxGraph</a>.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.doneResource" id=link9 onMouseOver="ShowTip(event, 'tt9', 'link9')" onMouseOut="HideTip('tt9')">doneResource</a></td><td class=SDescription>Specifies the resource key for the status message after a long operation. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updatingDocumentResource" >updatingDocumentResource</a></td><td class=SDescription>Specifies the resource key for the status message while the document is being updated. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.allowEval" id=link10 onMouseOver="ShowTip(event, 'tt10', 'link10')" onMouseOut="HideTip('tt10')">allowEval</a></td><td class=SDescription>Specifies if string values in cell styles should be evaluated using <a href="../util/mxUtils-js.html#mxUtils.eval" class=LFunction id=link11 onMouseOver="ShowTip(event, 'tt11', 'link11')" onMouseOut="HideTip('tt11')">mxUtils.eval</a>. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.captureDocumentGesture" id=link12 onMouseOver="ShowTip(event, 'tt12', 'link12')" onMouseOut="HideTip('tt12')">captureDocumentGesture</a></td><td class=SDescription>Specifies if a gesture should be captured when it goes outside of the graph container. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.rendering" id=link13 onMouseOver="ShowTip(event, 'tt13', 'link13')" onMouseOut="HideTip('tt13')">rendering</a></td><td class=SDescription>Specifies if shapes should be created, updated and destroyed using the methods of <a href="mxCellRenderer-js.html#mxCellRenderer" class=LClass id=link14 onMouseOver="ShowTip(event, 'tt14', 'link14')" onMouseOut="HideTip('tt14')">mxCellRenderer</a> in <a href="#mxGraphView.graph" class=LVariable id=link15 onMouseOver="ShowTip(event, 'tt15', 'link15')" onMouseOut="HideTip('tt15')">graph</a>. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.graph" id=link16 onMouseOver="ShowTip(event, 'tt15', 'link16')" onMouseOut="HideTip('tt15')">graph</a></td><td class=SDescription>Reference to the enclosing <a href="mxGraph-js.html#mxGraph" class=LClass id=link17 onMouseOver="ShowTip(event, 'tt8', 'link17')" onMouseOut="HideTip('tt8')">mxGraph</a>.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.currentRoot" id=link18 onMouseOver="ShowTip(event, 'tt16', 'link18')" onMouseOut="HideTip('tt16')">currentRoot</a></td><td class=SDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link19 onMouseOver="ShowTip(event, 'tt17', 'link19')" onMouseOut="HideTip('tt17')">mxCell</a> that acts as the root of the displayed cell hierarchy.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.graphBounds" id=link20 onMouseOver="ShowTip(event, 'tt18', 'link20')" onMouseOut="HideTip('tt18')">graphBounds</a></td><td class=SDescription><a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link21 onMouseOver="ShowTip(event, 'tt19', 'link21')" onMouseOut="HideTip('tt19')">mxRectangle</a> that caches the scales, translated bounds of the current view.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.scale" id=link22 onMouseOver="ShowTip(event, 'tt20', 'link22')" onMouseOut="HideTip('tt20')">scale</a></td><td class=SDescription>Specifies the scale. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.translate" id=link23 onMouseOver="ShowTip(event, 'tt21', 'link23')" onMouseOut="HideTip('tt21')">translate</a></td><td class=SDescription><a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link24 onMouseOver="ShowTip(event, 'tt22', 'link24')" onMouseOut="HideTip('tt22')">mxPoint</a> that specifies the current translation. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateStyle" id=link25 onMouseOver="ShowTip(event, 'tt23', 'link25')" onMouseOut="HideTip('tt23')">updateStyle</a></td><td class=SDescription>Specifies if the style should be updated in each validation step. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getGraphBounds" id=link26 onMouseOver="ShowTip(event, 'tt24', 'link26')" onMouseOut="HideTip('tt24')">getGraphBounds</a></td><td class=SDescription>Returns <a href="#mxGraphView.graphBounds" class=LVariable id=link27 onMouseOver="ShowTip(event, 'tt18', 'link27')" onMouseOut="HideTip('tt18')">graphBounds</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setGraphBounds" id=link28 onMouseOver="ShowTip(event, 'tt25', 'link28')" onMouseOut="HideTip('tt25')">setGraphBounds</a></td><td class=SDescription>Sets <a href="#mxGraphView.graphBounds" class=LVariable id=link29 onMouseOver="ShowTip(event, 'tt18', 'link29')" onMouseOut="HideTip('tt18')">graphBounds</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBounds" id=link30 onMouseOver="ShowTip(event, 'tt26', 'link30')" onMouseOut="HideTip('tt26')">getBounds</a></td><td class=SDescription>Returns the bounds (on the screen) for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link31 onMouseOver="ShowTip(event, 'tt17', 'link31')" onMouseOut="HideTip('tt17')">mxCells</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setCurrentRoot" id=link32 onMouseOver="ShowTip(event, 'tt2', 'link32')" onMouseOut="HideTip('tt2')">setCurrentRoot</a></td><td class=SDescription>Sets and returns the current root and fires an &lt;undo&gt; event before calling <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link33 onMouseOver="ShowTip(event, 'tt27', 'link33')" onMouseOut="HideTip('tt27')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.scaleAndTranslate" id=link34 onMouseOver="ShowTip(event, 'tt3', 'link34')" onMouseOut="HideTip('tt3')">scaleAndTranslate</a></td><td class=SDescription>Sets the scale and translation and fires a <a href="#mxGraphView.scale" class=LVariable id=link35 onMouseOver="ShowTip(event, 'tt20', 'link35')" onMouseOut="HideTip('tt20')">scale</a> and <a href="#mxGraphView.translate" class=LVariable id=link36 onMouseOver="ShowTip(event, 'tt21', 'link36')" onMouseOut="HideTip('tt21')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link37 onMouseOver="ShowTip(event, 'tt28', 'link37')" onMouseOut="HideTip('tt28')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link38 onMouseOver="ShowTip(event, 'tt27', 'link38')" onMouseOut="HideTip('tt27')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getScale" id=link39 onMouseOver="ShowTip(event, 'tt29', 'link39')" onMouseOut="HideTip('tt29')">getScale</a></td><td class=SDescription>Returns the <a href="#mxGraphView.scale" class=LVariable id=link40 onMouseOver="ShowTip(event, 'tt20', 'link40')" onMouseOut="HideTip('tt20')">scale</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setScale" id=link41 onMouseOver="ShowTip(event, 'tt4', 'link41')" onMouseOut="HideTip('tt4')">setScale</a></td><td class=SDescription>Sets the scale and fires a <a href="#mxGraphView.scale" class=LVariable id=link42 onMouseOver="ShowTip(event, 'tt20', 'link42')" onMouseOut="HideTip('tt20')">scale</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link43 onMouseOver="ShowTip(event, 'tt28', 'link43')" onMouseOut="HideTip('tt28')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link44 onMouseOver="ShowTip(event, 'tt27', 'link44')" onMouseOut="HideTip('tt27')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getTranslate" id=link45 onMouseOver="ShowTip(event, 'tt30', 'link45')" onMouseOut="HideTip('tt30')">getTranslate</a></td><td class=SDescription>Returns the <a href="#mxGraphView.translate" class=LVariable id=link46 onMouseOver="ShowTip(event, 'tt21', 'link46')" onMouseOut="HideTip('tt21')">translate</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setTranslate" id=link47 onMouseOver="ShowTip(event, 'tt5', 'link47')" onMouseOut="HideTip('tt5')">setTranslate</a></td><td class=SDescription>Sets the translation and fires a <a href="#mxGraphView.translate" class=LVariable id=link48 onMouseOver="ShowTip(event, 'tt21', 'link48')" onMouseOut="HideTip('tt21')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link49 onMouseOver="ShowTip(event, 'tt28', 'link49')" onMouseOut="HideTip('tt28')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link50 onMouseOver="ShowTip(event, 'tt27', 'link50')" onMouseOut="HideTip('tt27')">mxGraph.sizeDidChange</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.refresh" id=link51 onMouseOver="ShowTip(event, 'tt31', 'link51')" onMouseOut="HideTip('tt31')">refresh</a></td><td class=SDescription>Clears the view if <a href="#mxGraphView.currentRoot" class=LVariable id=link52 onMouseOver="ShowTip(event, 'tt16', 'link52')" onMouseOut="HideTip('tt16')">currentRoot</a> is not null and revalidates.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.revalidate" id=link53 onMouseOver="ShowTip(event, 'tt28', 'link53')" onMouseOut="HideTip('tt28')">revalidate</a></td><td class=SDescription>Revalidates the complete view with all cell states.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.clear" id=link54 onMouseOver="ShowTip(event, 'tt32', 'link54')" onMouseOut="HideTip('tt32')">clear</a></td><td class=SDescription>Removes the state of the given cell and all descendants if the given cell is not the current root.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.invalidate" id=link55 onMouseOver="ShowTip(event, 'tt33', 'link55')" onMouseOut="HideTip('tt33')">invalidate</a></td><td class=SDescription>Invalidates the state of the given cell, all its descendants and connected edges.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.validate" id=link56 onMouseOver="ShowTip(event, 'tt34', 'link56')" onMouseOut="HideTip('tt34')">validate</a></td><td class=SDescription>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.createBackgroundPageShape" id=link57 onMouseOver="ShowTip(event, 'tt35', 'link57')" onMouseOut="HideTip('tt35')">createBackgroundPageShape</a></td><td class=SDescription>Creates and returns the shape used as the background page.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.validateBackground" id=link58 onMouseOver="ShowTip(event, 'tt36', 'link58')" onMouseOut="HideTip('tt36')">validateBackground</a></td><td class=SDescription>Validates the background image.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBackgroundPageBounds" id=link59 onMouseOver="ShowTip(event, 'tt37', 'link59')" onMouseOut="HideTip('tt37')">getBackgroundPageBounds</a></td><td class=SDescription>Returns the bounds for the background page.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.redrawBackgroundImage" id=link60 onMouseOver="ShowTip(event, 'tt38', 'link60')" onMouseOut="HideTip('tt38')">redrawBackgroundImage</a></td><td class=SDescription>Updates the bounds and redraws the background image.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.validateBounds" id=link61 onMouseOver="ShowTip(event, 'tt39', 'link61')" onMouseOut="HideTip('tt39')">validateBounds</a></td><td class=SDescription>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateVertexLabelOffset" id=link62 onMouseOver="ShowTip(event, 'tt40', 'link62')" onMouseOut="HideTip('tt40')">updateVertexLabelOffset</a></td><td class=SDescription>Updates the absoluteOffset of the given vertex cell state. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.validatePoints" id=link63 onMouseOver="ShowTip(event, 'tt41', 'link63')" onMouseOut="HideTip('tt41')">validatePoints</a></td><td class=SDescription>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link64 onMouseOver="ShowTip(event, 'tt19', 'link64')" onMouseOut="HideTip('tt19')">mxRectangle</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.childMoved" id=link65 onMouseOver="ShowTip(event, 'tt42', 'link65')" onMouseOut="HideTip('tt42')">childMoved</a></td><td class=SDescription>Invoked when a child state was moved as a result of late evaluation of its position. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateFixedTerminalPoints" id=link66 onMouseOver="ShowTip(event, 'tt43', 'link66')" onMouseOut="HideTip('tt43')">updateFixedTerminalPoints</a></td><td class=SDescription>Sets the initial absolute terminal points in the given state before the edge style is computed.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateFixedTerminalPoint" id=link67 onMouseOver="ShowTip(event, 'tt44', 'link67')" onMouseOut="HideTip('tt44')">updateFixedTerminalPoint</a></td><td class=SDescription>Sets the fixed source or target terminal point on the given edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updatePoints" id=link68 onMouseOver="ShowTip(event, 'tt45', 'link68')" onMouseOut="HideTip('tt45')">updatePoints</a></td><td class=SDescription>Updates the absolute points in the given state using the specified array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link69 onMouseOver="ShowTip(event, 'tt22', 'link69')" onMouseOut="HideTip('tt22')">mxPoints</a> as the relative points.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.transformControlPoint" id=link70 onMouseOver="ShowTip(event, 'tt46', 'link70')" onMouseOut="HideTip('tt46')">transformControlPoint</a></td><td class=SDescription>Transforms the given control point to an absolute point.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getEdgeStyle" id=link71 onMouseOver="ShowTip(event, 'tt47', 'link71')" onMouseOut="HideTip('tt47')">getEdgeStyle</a></td><td class=SDescription>Returns the edge style function to be used to render the given edge state.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateFloatingTerminalPoints" id=link72 onMouseOver="ShowTip(event, 'tt48', 'link72')" onMouseOut="HideTip('tt48')">updateFloatingTerminalPoints</a></td><td class=SDescription>Updates the terminal points in the given state after the edge style was computed for the edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateFloatingTerminalPoint" id=link73 onMouseOver="ShowTip(event, 'tt49', 'link73')" onMouseOut="HideTip('tt49')">updateFloatingTerminalPoint</a></td><td class=SDescription>Updates the absolute terminal point in the given state for the given start and end state, where start is the source if source is true.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getTerminalPort" id=link74 onMouseOver="ShowTip(event, 'tt50', 'link74')" onMouseOut="HideTip('tt50')">getTerminalPort</a></td><td class=SDescription>Returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link75 onMouseOver="ShowTip(event, 'tt51', 'link75')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the source or target terminal or port for the given edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPerimeterPoint" id=link76 onMouseOver="ShowTip(event, 'tt52', 'link76')" onMouseOut="HideTip('tt52')">getPerimeterPoint</a></td><td class=SDescription>Returns an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link77 onMouseOver="ShowTip(event, 'tt22', 'link77')" onMouseOut="HideTip('tt22')">mxPoint</a> that defines the location of the intersection point between the perimeter and the line between the center of the shape and the given point.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getRoutingCenterX" id=link78 onMouseOver="ShowTip(event, 'tt53', 'link78')" onMouseOut="HideTip('tt53')">getRoutingCenterX</a></td><td class=SDescription>Returns the x-coordinate of the center point for automatic routing.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getRoutingCenterY" id=link79 onMouseOver="ShowTip(event, 'tt54', 'link79')" onMouseOut="HideTip('tt54')">getRoutingCenterY</a></td><td class=SDescription>Returns the y-coordinate of the center point for automatic routing.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getPerimeterBounds" id=link80 onMouseOver="ShowTip(event, 'tt55', 'link80')" onMouseOut="HideTip('tt55')">getPerimeterBounds</a></td><td class=SDescription>Returns the perimeter bounds for the given terminal, edge pair as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link81 onMouseOver="ShowTip(event, 'tt19', 'link81')" onMouseOut="HideTip('tt19')">mxRectangle</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPerimeterFunction" id=link82 onMouseOver="ShowTip(event, 'tt56', 'link82')" onMouseOut="HideTip('tt56')">getPerimeterFunction</a></td><td class=SDescription>Returns the perimeter function for the given state.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getNextPoint" id=link83 onMouseOver="ShowTip(event, 'tt57', 'link83')" onMouseOut="HideTip('tt57')">getNextPoint</a></td><td class=SDescription>Returns the nearest point in the list of absolute points or the center of the opposite terminal.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getVisibleTerminal" id=link84 onMouseOver="ShowTip(event, 'tt58', 'link84')" onMouseOut="HideTip('tt58')">getVisibleTerminal</a></td><td class=SDescription>Returns the nearest ancestor terminal that is visible. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateEdgeBounds" id=link85 onMouseOver="ShowTip(event, 'tt59', 'link85')" onMouseOut="HideTip('tt59')">updateEdgeBounds</a></td><td class=SDescription>Updates the given state using the bounding box of the absolute points. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPoint" id=link86 onMouseOver="ShowTip(event, 'tt60', 'link86')" onMouseOut="HideTip('tt60')">getPoint</a></td><td class=SDescription>Returns the absolute point on the edge for the given relative <a href="../model/mxGeometry-js.html#mxGeometry" class=LClass id=link87 onMouseOver="ShowTip(event, 'tt61', 'link87')" onMouseOut="HideTip('tt61')">mxGeometry</a> as an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link88 onMouseOver="ShowTip(event, 'tt22', 'link88')" onMouseOut="HideTip('tt22')">mxPoint</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getRelativePoint" id=link89 onMouseOver="ShowTip(event, 'tt62', 'link89')" onMouseOut="HideTip('tt62')">getRelativePoint</a></td><td class=SDescription>Gets the relative point that describes the given, absolute label position for the given edge state.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateEdgeLabelOffset" id=link90 onMouseOver="ShowTip(event, 'tt63', 'link90')" onMouseOut="HideTip('tt63')">updateEdgeLabelOffset</a></td><td class=SDescription>Updates <a href="mxCellState-js.html#mxCellState.absoluteOffset" class=LVariable id=link91 onMouseOver="ShowTip(event, 'tt64', 'link91')" onMouseOut="HideTip('tt64')">mxCellState.absoluteOffset</a> for the given state. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getState" id=link92 onMouseOver="ShowTip(event, 'tt65', 'link92')" onMouseOut="HideTip('tt65')">getState</a></td><td class=SDescription>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link93 onMouseOver="ShowTip(event, 'tt51', 'link93')" onMouseOut="HideTip('tt51')">mxCellState</a> for the given cell. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.isRendering" id=link94 onMouseOver="ShowTip(event, 'tt66', 'link94')" onMouseOut="HideTip('tt66')">isRendering</a></td><td class=SDescription>Returns <a href="#mxGraphView.rendering" class=LVariable id=link95 onMouseOver="ShowTip(event, 'tt13', 'link95')" onMouseOut="HideTip('tt13')">rendering</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setRendering" id=link96 onMouseOver="ShowTip(event, 'tt67', 'link96')" onMouseOut="HideTip('tt67')">setRendering</a></td><td class=SDescription>Sets <a href="#mxGraphView.rendering" class=LVariable id=link97 onMouseOver="ShowTip(event, 'tt13', 'link97')" onMouseOut="HideTip('tt13')">rendering</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.isAllowEval" id=link98 onMouseOver="ShowTip(event, 'tt68', 'link98')" onMouseOut="HideTip('tt68')">isAllowEval</a></td><td class=SDescription>Returns <a href="#mxGraphView.allowEval" class=LVariable id=link99 onMouseOver="ShowTip(event, 'tt10', 'link99')" onMouseOut="HideTip('tt10')">allowEval</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setAllowEval" id=link100 onMouseOver="ShowTip(event, 'tt69', 'link100')" onMouseOut="HideTip('tt69')">setAllowEval</a></td><td class=SDescription>Sets <a href="#mxGraphView.allowEval" class=LVariable id=link101 onMouseOver="ShowTip(event, 'tt10', 'link101')" onMouseOut="HideTip('tt10')">allowEval</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getStates" id=link102 onMouseOver="ShowTip(event, 'tt70', 'link102')" onMouseOut="HideTip('tt70')">getStates</a></td><td class=SDescription>Returns &lt;states&gt;.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setStates" id=link103 onMouseOver="ShowTip(event, 'tt71', 'link103')" onMouseOut="HideTip('tt71')">setStates</a></td><td class=SDescription>Sets &lt;states&gt;.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getCellStates" id=link104 onMouseOver="ShowTip(event, 'tt72', 'link104')" onMouseOut="HideTip('tt72')">getCellStates</a></td><td class=SDescription>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link105 onMouseOver="ShowTip(event, 'tt51', 'link105')" onMouseOut="HideTip('tt51')">mxCellStates</a> for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link106 onMouseOver="ShowTip(event, 'tt17', 'link106')" onMouseOut="HideTip('tt17')">mxCells</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.removeState" id=link107 onMouseOver="ShowTip(event, 'tt73', 'link107')" onMouseOut="HideTip('tt73')">removeState</a></td><td class=SDescription>Removes and returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link108 onMouseOver="ShowTip(event, 'tt51', 'link108')" onMouseOut="HideTip('tt51')">mxCellState</a> for the given cell.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.createState" id=link109 onMouseOver="ShowTip(event, 'tt74', 'link109')" onMouseOut="HideTip('tt74')">createState</a></td><td class=SDescription>Creates and returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link110 onMouseOver="ShowTip(event, 'tt51', 'link110')" onMouseOut="HideTip('tt51')">mxCellState</a> for the given cell and initializes it using <a href="mxCellRenderer-js.html#mxCellRenderer.initialize" class=LFunction id=link111 onMouseOver="ShowTip(event, 'tt75', 'link111')" onMouseOut="HideTip('tt75')">mxCellRenderer.initialize</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getCanvas" id=link112 onMouseOver="ShowTip(event, 'tt76', 'link112')" onMouseOut="HideTip('tt76')">getCanvas</a></td><td class=SDescription>Returns the DOM node that contains the background-, draw- and overlaypane.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBackgroundPane" id=link113 onMouseOver="ShowTip(event, 'tt77', 'link113')" onMouseOut="HideTip('tt77')">getBackgroundPane</a></td><td class=SDescription>Returns the DOM node that represents the background layer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getDrawPane" id=link114 onMouseOver="ShowTip(event, 'tt78', 'link114')" onMouseOut="HideTip('tt78')">getDrawPane</a></td><td class=SDescription>Returns the DOM node that represents the main drawing layer.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getOverlayPane" id=link115 onMouseOver="ShowTip(event, 'tt79', 'link115')" onMouseOut="HideTip('tt79')">getOverlayPane</a></td><td class=SDescription>Returns the DOM node that represents the topmost drawing layer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.isContainerEvent" id=link116 onMouseOver="ShowTip(event, 'tt80', 'link116')" onMouseOut="HideTip('tt80')">isContainerEvent</a></td><td class=SDescription>Returns true if the event origin is one of the drawing panes or containers of the view.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.isScrollEvent" id=link117 onMouseOver="ShowTip(event, 'tt81', 'link117')" onMouseOut="HideTip('tt81')">isScrollEvent</a></td><td class=SDescription>Returns true if the event origin is one of the scrollbars of the container in IE. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.init" id=link118 onMouseOver="ShowTip(event, 'tt82', 'link118')" onMouseOut="HideTip('tt82')">init</a></td><td class=SDescription>Initializes the graph event dispatch loop for the specified container and invokes <a href="#mxGraphView.create" class=LFunction id=link119 onMouseOver="ShowTip(event, 'tt83', 'link119')" onMouseOut="HideTip('tt83')">create</a> to create the required DOM nodes for the display.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.installListeners" id=link120 onMouseOver="ShowTip(event, 'tt84', 'link120')" onMouseOut="HideTip('tt84')">installListeners</a></td><td class=SDescription>Installs the required listeners in the container.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.create" id=link121 onMouseOver="ShowTip(event, 'tt83', 'link121')" onMouseOut="HideTip('tt83')">create</a></td><td class=SDescription>Creates the DOM nodes for the HTML display.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.createHtmlPane" id=link122 onMouseOver="ShowTip(event, 'tt85', 'link122')" onMouseOut="HideTip('tt85')">createHtmlPane</a></td><td class=SDescription>Creates and returns a drawing pane in HTML (DIV).</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.create" id=link123 onMouseOver="ShowTip(event, 'tt83', 'link123')" onMouseOut="HideTip('tt83')">create</a></td><td class=SDescription>Creates the DOM nodes for the VML display.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.createVmlPane" id=link124 onMouseOver="ShowTip(event, 'tt86', 'link124')" onMouseOut="HideTip('tt86')">createVmlPane</a></td><td class=SDescription>Creates a drawing pane in VML (group).</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.create" id=link125 onMouseOver="ShowTip(event, 'tt83', 'link125')" onMouseOut="HideTip('tt83')">create</a></td><td class=SDescription>Creates and returns the DOM nodes for the SVG display.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.destroy" id=link126 onMouseOver="ShowTip(event, 'tt87', 'link126')" onMouseOut="HideTip('tt87')">destroy</a></td><td class=SDescription>Destroys the view and all its resources.</td></tr><tr class="SClass"><td class=SEntry><a href="#mxCurrentRootChange" >mxCurrentRootChange</a></td><td class=SDescription>Action to change the current root in a view.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxCurrentRootChange.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxCurrentRootChange.mxCurrentRootChange" id=link127 onMouseOver="ShowTip(event, 'tt88', 'link127')" onMouseOut="HideTip('tt88')">mxCurrentRootChange</a></td><td class=SDescription>Constructs a change of the current root in the given view.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxCurrentRootChange.execute" id=link128 onMouseOver="ShowTip(event, 'tt89', 'link128')" onMouseOut="HideTip('tt89')">execute</a></td><td class=SDescription>Changes the current root of the view.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Events"></a>Events</h3></div></div>

<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.UNDO"></a>mxEvent.UNDO</h3><div class=CBody><p>Fires after the root was changed in <a href="#mxGraphView.setCurrentRoot" class=LFunction id=link131 onMouseOver="ShowTip(event, 'tt2', 'link131')" onMouseOut="HideTip('tt2')">setCurrentRoot</a>.&nbsp; The &lt;code&gt;edit&lt;/code&gt; property contains the <a href="../util/mxUndoableEdit-js.html#mxUndoableEdit" class=LClass id=link132 onMouseOver="ShowTip(event, 'tt90', 'link132')" onMouseOut="HideTip('tt90')">mxUndoableEdit</a> which contains the <a href="#mxCurrentRootChange" class=LClass id=link133 onMouseOver="ShowTip(event, 'tt6', 'link133')" onMouseOut="HideTip('tt6')">mxCurrentRootChange</a>.</p></div></div></div>

<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.SCALE_AND_TRANSLATE"></a>mxEvent.<wbr>SCALE_AND_TRANSLATE</h3><div class=CBody><p>Fires after the scale and translate have been changed in <a href="#mxGraphView.scaleAndTranslate" class=LFunction id=link134 onMouseOver="ShowTip(event, 'tt3', 'link134')" onMouseOut="HideTip('tt3')">scaleAndTranslate</a>.&nbsp; The &lt;code&gt;scale&lt;/code&gt;, &lt;code&gt;previousScale&lt;/code&gt;, &lt;code&gt;translate&lt;/code&gt; and &lt;code&gt;previousTranslate&lt;/code&gt; properties contain the new and previous scale and translate, respectively.</p></div></div></div>

<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.SCALE"></a>mxEvent.<wbr>SCALE</h3><div class=CBody><p>Fires after the scale was changed in <a href="#mxGraphView.setScale" class=LFunction id=link135 onMouseOver="ShowTip(event, 'tt4', 'link135')" onMouseOut="HideTip('tt4')">setScale</a>.&nbsp; The &lt;code&gt;scale&lt;/code&gt; and &lt;code&gt;previousScale&lt;/code&gt; properties contain the new and previous scale.</p></div></div></div>

<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.TRANSLATE"></a>mxEvent.<wbr>TRANSLATE</h3><div class=CBody><p>Fires after the translate was changed in <a href="#mxGraphView.setTranslate" class=LFunction id=link136 onMouseOver="ShowTip(event, 'tt5', 'link136')" onMouseOut="HideTip('tt5')">setTranslate</a>.&nbsp; The &lt;code&gt;translate&lt;/code&gt; and &lt;code&gt;previousTranslate&lt;/code&gt; properties contain the new and previous value for translate.</p></div></div></div>

<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.DOWN_and_mxEvent.UP"></a>mxEvent.<wbr>DOWN and mxEvent.UP</h3><div class=CBody><p>Fire if the current root is changed by executing an <a href="#mxCurrentRootChange" class=LClass id=link137 onMouseOver="ShowTip(event, 'tt6', 'link137')" onMouseOut="HideTip('tt6')">mxCurrentRootChange</a>.&nbsp; The event name depends on the location of the root in the cell hierarchy with respect to the current root.&nbsp; The &lt;code&gt;root&lt;/code&gt; and &lt;code&gt;previous&lt;/code&gt; properties contain the new and previous root, respectively.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxGraphView"></a>mxGraphView</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxGraphView(</td><td class=PParameter nowrap>graph</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new view for the given <a href="mxGraph-js.html#mxGraph" class=LClass id=link138 onMouseOver="ShowTip(event, 'tt8', 'link138')" onMouseOut="HideTip('tt8')">mxGraph</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>graph</td><td class=CDLDescription>Reference to the enclosing <a href="mxGraph-js.html#mxGraph" class=LClass id=link139 onMouseOver="ShowTip(event, 'tt8', 'link139')" onMouseOut="HideTip('tt8')">mxGraph</a>.</td></tr></table></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Variables"></a>Variables</h3></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.doneResource"></a>doneResource</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.doneResource</td></tr></table></blockquote><p>Specifies the resource key for the status message after a long operation.&nbsp; If the resource for this key does not exist then the value is used as the status message.&nbsp; Default is &lsquo;done&rsquo;.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updatingDocumentResource"></a>updatingDocumentResource</h3><div class=CBody><p>Specifies the resource key for the status message while the document is being updated.&nbsp; If the resource for this key does not exist then the value is used as the status message.&nbsp; Default is &lsquo;updatingDocument&rsquo;.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Variables"></a>Variables</h3></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.allowEval"></a>allowEval</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.allowEval</td></tr></table></blockquote><p>Specifies if string values in cell styles should be evaluated using <a href="../util/mxUtils-js.html#mxUtils.eval" class=LFunction id=link140 onMouseOver="ShowTip(event, 'tt11', 'link140')" onMouseOut="HideTip('tt11')">mxUtils.eval</a>.&nbsp; This will only be used if the string values can&rsquo;t be mapped to objects using <a href="mxStyleRegistry-js.html#mxStyleRegistry" class=LClass id=link141 onMouseOver="ShowTip(event, 'tt91', 'link141')" onMouseOut="HideTip('tt91')">mxStyleRegistry</a>.&nbsp; Default is false.&nbsp; NOTE: Enabling this switch carries a possible security risk (see the section on security in the manual).</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.captureDocumentGesture"></a>captureDocumentGesture</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.captureDocumentGesture</td></tr></table></blockquote><p>Specifies if a gesture should be captured when it goes outside of the graph container.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.rendering"></a>rendering</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.rendering</td></tr></table></blockquote><p>Specifies if shapes should be created, updated and destroyed using the methods of <a href="mxCellRenderer-js.html#mxCellRenderer" class=LClass id=link142 onMouseOver="ShowTip(event, 'tt14', 'link142')" onMouseOut="HideTip('tt14')">mxCellRenderer</a> in <a href="#mxGraphView.graph" class=LVariable id=link143 onMouseOver="ShowTip(event, 'tt15', 'link143')" onMouseOut="HideTip('tt15')">graph</a>.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.graph"></a>graph</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graph</td></tr></table></blockquote><p>Reference to the enclosing <a href="mxGraph-js.html#mxGraph" class=LClass id=link144 onMouseOver="ShowTip(event, 'tt8', 'link144')" onMouseOut="HideTip('tt8')">mxGraph</a>.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.currentRoot"></a>currentRoot</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.currentRoot</td></tr></table></blockquote><p><a href="../model/mxCell-js.html#mxCell" class=LClass id=link145 onMouseOver="ShowTip(event, 'tt17', 'link145')" onMouseOut="HideTip('tt17')">mxCell</a> that acts as the root of the displayed cell hierarchy.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.graphBounds"></a>graphBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graphBounds</td></tr></table></blockquote><p><a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link146 onMouseOver="ShowTip(event, 'tt19', 'link146')" onMouseOut="HideTip('tt19')">mxRectangle</a> that caches the scales, translated bounds of the current view.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.scale"></a>scale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.scale</td></tr></table></blockquote><p>Specifies the scale.&nbsp; Default is 1 (100%).</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.translate"></a>translate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.translate</td></tr></table></blockquote><p><a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link147 onMouseOver="ShowTip(event, 'tt22', 'link147')" onMouseOut="HideTip('tt22')">mxPoint</a> that specifies the current translation.&nbsp; Default is a new empty <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link148 onMouseOver="ShowTip(event, 'tt22', 'link148')" onMouseOut="HideTip('tt22')">mxPoint</a>.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateStyle"></a>updateStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.updateStyle</td></tr></table></blockquote><p>Specifies if the style should be updated in each validation step.&nbsp; If this is false then the style is only updated if the state is created.&nbsp; Default is false.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getGraphBounds"></a>getGraphBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getGraphBounds = function()</td></tr></table></blockquote><p>Returns <a href="#mxGraphView.graphBounds" class=LVariable id=link149 onMouseOver="ShowTip(event, 'tt18', 'link149')" onMouseOut="HideTip('tt18')">graphBounds</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setGraphBounds"></a>setGraphBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setGraphBounds = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxGraphView.graphBounds" class=LVariable id=link150 onMouseOver="ShowTip(event, 'tt18', 'link150')" onMouseOut="HideTip('tt18')">graphBounds</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getBounds"></a>getBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getBounds = function(</td><td class=PParameter nowrap>cells</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounds (on the screen) for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link151 onMouseOver="ShowTip(event, 'tt17', 'link151')" onMouseOut="HideTip('tt17')">mxCells</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cells</td><td class=CDLDescription>Array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link152 onMouseOver="ShowTip(event, 'tt17', 'link152')" onMouseOut="HideTip('tt17')">mxCells</a> to return the bounds for.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setCurrentRoot"></a>setCurrentRoot</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setCurrentRoot = function(</td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets and returns the current root and fires an &lt;undo&gt; event before calling <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link153 onMouseOver="ShowTip(event, 'tt27', 'link153')" onMouseOut="HideTip('tt27')">mxGraph.sizeDidChange</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>root</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link154 onMouseOver="ShowTip(event, 'tt17', 'link154')" onMouseOut="HideTip('tt17')">mxCell</a> that specifies the root of the displayed cell hierarchy.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.scaleAndTranslate"></a>scaleAndTranslate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.scaleAndTranslate = function(</td><td class=PParameter nowrap>scale,</td></tr><tr><td></td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the scale and translation and fires a <a href="#mxGraphView.scale" class=LVariable id=link155 onMouseOver="ShowTip(event, 'tt20', 'link155')" onMouseOut="HideTip('tt20')">scale</a> and <a href="#mxGraphView.translate" class=LVariable id=link156 onMouseOver="ShowTip(event, 'tt21', 'link156')" onMouseOut="HideTip('tt21')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link157 onMouseOver="ShowTip(event, 'tt28', 'link157')" onMouseOut="HideTip('tt28')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link158 onMouseOver="ShowTip(event, 'tt27', 'link158')" onMouseOut="HideTip('tt27')">mxGraph.sizeDidChange</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>scale</td><td class=CDLDescription>Decimal value that specifies the new scale (1 is 100%).</td></tr><tr><td class=CDLEntry>dx</td><td class=CDLDescription>X-coordinate of the translation.</td></tr><tr><td class=CDLEntry>dy</td><td class=CDLDescription>Y-coordinate of the translation.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getScale"></a>getScale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getScale = function()</td></tr></table></blockquote><p>Returns the <a href="#mxGraphView.scale" class=LVariable id=link159 onMouseOver="ShowTip(event, 'tt20', 'link159')" onMouseOut="HideTip('tt20')">scale</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setScale"></a>setScale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setScale = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the scale and fires a <a href="#mxGraphView.scale" class=LVariable id=link160 onMouseOver="ShowTip(event, 'tt20', 'link160')" onMouseOut="HideTip('tt20')">scale</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link161 onMouseOver="ShowTip(event, 'tt28', 'link161')" onMouseOut="HideTip('tt28')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link162 onMouseOver="ShowTip(event, 'tt27', 'link162')" onMouseOut="HideTip('tt27')">mxGraph.sizeDidChange</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Decimal value that specifies the new scale (1 is 100%).</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getTranslate"></a>getTranslate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getTranslate = function()</td></tr></table></blockquote><p>Returns the <a href="#mxGraphView.translate" class=LVariable id=link163 onMouseOver="ShowTip(event, 'tt21', 'link163')" onMouseOut="HideTip('tt21')">translate</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setTranslate"></a>setTranslate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setTranslate = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the translation and fires a <a href="#mxGraphView.translate" class=LVariable id=link164 onMouseOver="ShowTip(event, 'tt21', 'link164')" onMouseOut="HideTip('tt21')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link165 onMouseOver="ShowTip(event, 'tt28', 'link165')" onMouseOut="HideTip('tt28')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link166 onMouseOver="ShowTip(event, 'tt27', 'link166')" onMouseOut="HideTip('tt27')">mxGraph.sizeDidChange</a>.&nbsp; The translation is the negative of the origin.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>dx</td><td class=CDLDescription>X-coordinate of the translation.</td></tr><tr><td class=CDLEntry>dy</td><td class=CDLDescription>Y-coordinate of the translation.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.refresh"></a>refresh</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.refresh = function()</td></tr></table></blockquote><p>Clears the view if <a href="#mxGraphView.currentRoot" class=LVariable id=link167 onMouseOver="ShowTip(event, 'tt16', 'link167')" onMouseOut="HideTip('tt16')">currentRoot</a> is not null and revalidates.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.revalidate"></a>revalidate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.revalidate = function()</td></tr></table></blockquote><p>Revalidates the complete view with all cell states.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.clear"></a>clear</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.clear = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>force,</td></tr><tr><td></td><td class=PParameter nowrap>recurse</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the state of the given cell and all descendants if the given cell is not the current root.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription>Optional <a href="../model/mxCell-js.html#mxCell" class=LClass id=link168 onMouseOver="ShowTip(event, 'tt17', 'link168')" onMouseOut="HideTip('tt17')">mxCell</a> for which the state should be removed.&nbsp; Default is the root of the model.</td></tr><tr><td class=CDLEntry>force</td><td class=CDLDescription>Boolean indicating if the current root should be ignored for recursion.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.invalidate"></a>invalidate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.invalidate = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>recurse,</td></tr><tr><td></td><td class=PParameter nowrap>includeEdges,</td></tr><tr><td></td><td class=PParameter nowrap>orderChanged</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Invalidates the state of the given cell, all its descendants and connected edges.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription>Optional <a href="../model/mxCell-js.html#mxCell" class=LClass id=link169 onMouseOver="ShowTip(event, 'tt17', 'link169')" onMouseOut="HideTip('tt17')">mxCell</a> to be invalidated.&nbsp; Default is the root of the model.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validate"></a>validate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validate = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell.&nbsp; Finally the background is validated using <a href="#mxGraphView.validateBackground" class=LFunction id=link170 onMouseOver="ShowTip(event, 'tt36', 'link170')" onMouseOut="HideTip('tt36')">validateBackground</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription>Optional <a href="../model/mxCell-js.html#mxCell" class=LClass id=link171 onMouseOver="ShowTip(event, 'tt17', 'link171')" onMouseOut="HideTip('tt17')">mxCell</a> to be used as the root of the validation.&nbsp; Default is <a href="#mxGraphView.currentRoot" class=LVariable id=link172 onMouseOver="ShowTip(event, 'tt16', 'link172')" onMouseOut="HideTip('tt16')">currentRoot</a> or the root of the model.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createBackgroundPageShape"></a>createBackgroundPageShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createBackgroundPageShape = function(</td><td class=PParameter nowrap>bounds</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns the shape used as the background page.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>bounds</td><td class=CDLDescription><a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link173 onMouseOver="ShowTip(event, 'tt19', 'link173')" onMouseOut="HideTip('tt19')">mxRectangle</a> that represents the bounds of the shape.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validateBackground"></a>validateBackground</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackground = function()</td></tr></table></blockquote><p>Validates the background image.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getBackgroundPageBounds"></a>getBackgroundPageBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPageBounds = function()</td></tr></table></blockquote><p>Returns the bounds for the background page.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.redrawBackgroundImage"></a>redrawBackgroundImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.redrawBackgroundImage = function(</td><td class=PParameter nowrap>backgroundImage,</td></tr><tr><td></td><td class=PParameter nowrap>bg</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the bounds and redraws the background image.</p><h4 class=CHeading>Example</h4><p>If the background image should not be scaled, this can be replaced with the following.</p><blockquote><pre class="prettyprint">mxGraphView.prototype.redrawBackground = function(backgroundImage, bg)
{
  backgroundImage.bounds.x = this.translate.x;
  backgroundImage.bounds.y = this.translate.y;
  backgroundImage.bounds.width = bg.width;
  backgroundImage.bounds.height = bg.height;

  backgroundImage.redraw();
};</pre></blockquote><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>backgroundImage</td><td class=CDLDescription><a href="../shape/mxImageShape-js.html#mxImageShape" class=LClass id=link174 onMouseOver="ShowTip(event, 'tt92', 'link174')" onMouseOut="HideTip('tt92')">mxImageShape</a> that represents the background image.</td></tr><tr><td class=CDLEntry>bg</td><td class=CDLDescription><a href="../util/mxImage-js.html#mxImage" class=LClass id=link175 onMouseOver="ShowTip(event, 'tt93', 'link175')" onMouseOut="HideTip('tt93')">mxImage</a> that specifies the image and its dimensions.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validateBounds"></a>validateBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validateBounds = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child.&nbsp; The validation is carried out recursively for all non-collapsed descendants.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parentState</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link176 onMouseOver="ShowTip(event, 'tt51', 'link176')" onMouseOut="HideTip('tt51')">mxCellState</a> for the given parent.</td></tr><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link177 onMouseOver="ShowTip(event, 'tt17', 'link177')" onMouseOut="HideTip('tt17')">mxCell</a> for which the bounds in the state should be updated.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateVertexLabelOffset"></a>updateVertexLabelOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateVertexLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the absoluteOffset of the given vertex cell state.&nbsp; This takes into account the label position styles.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link178 onMouseOver="ShowTip(event, 'tt51', 'link178')" onMouseOut="HideTip('tt51')">mxCellState</a> whose absolute offset should be updated.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validatePoints"></a>validatePoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validatePoints = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link179 onMouseOver="ShowTip(event, 'tt19', 'link179')" onMouseOut="HideTip('tt19')">mxRectangle</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parentState</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link180 onMouseOver="ShowTip(event, 'tt51', 'link180')" onMouseOut="HideTip('tt51')">mxCellState</a> for the parent cell.</td></tr><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link181 onMouseOver="ShowTip(event, 'tt17', 'link181')" onMouseOut="HideTip('tt17')">mxCell</a> whose points in the state should be updated.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.childMoved"></a>childMoved</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.childMoved = function(</td><td class=PParameter nowrap>parent,</td></tr><tr><td></td><td class=PParameter nowrap>child</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Invoked when a child state was moved as a result of late evaluation of its position.&nbsp; This is invoked for relative edge children whose position can only be determined after the points of the parent edge are updated in validatePoints, and validates the bounds of all descendants of the child using validateBounds.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parent</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link182 onMouseOver="ShowTip(event, 'tt51', 'link182')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the parent state.</td></tr><tr><td class=CDLEntry>child</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link183 onMouseOver="ShowTip(event, 'tt51', 'link183')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the child state.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFixedTerminalPoints"></a>updateFixedTerminalPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the initial absolute terminal points in the given state before the edge style is computed.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link184 onMouseOver="ShowTip(event, 'tt51', 'link184')" onMouseOut="HideTip('tt51')">mxCellState</a> whose initial terminal points should be updated.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link185 onMouseOver="ShowTip(event, 'tt51', 'link185')" onMouseOut="HideTip('tt51')">mxCellState</a> which represents the source terminal.</td></tr><tr><td class=CDLEntry>target</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link186 onMouseOver="ShowTip(event, 'tt51', 'link186')" onMouseOut="HideTip('tt51')">mxCellState</a> which represents the target terminal.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFixedTerminalPoint"></a>updateFixedTerminalPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>constraint</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the fixed source or target terminal point on the given edge.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link187 onMouseOver="ShowTip(event, 'tt51', 'link187')" onMouseOut="HideTip('tt51')">mxCellState</a> whose terminal point should be updated.</td></tr><tr><td class=CDLEntry>terminal</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link188 onMouseOver="ShowTip(event, 'tt51', 'link188')" onMouseOut="HideTip('tt51')">mxCellState</a> which represents the actual terminal.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean that specifies if the terminal is the source.</td></tr><tr><td class=CDLEntry>constraint</td><td class=CDLDescription><a href="mxConnectionConstraint-js.html#mxConnectionConstraint" class=LClass id=link189 onMouseOver="ShowTip(event, 'tt94', 'link189')" onMouseOut="HideTip('tt94')">mxConnectionConstraint</a> that specifies the connection.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updatePoints"></a>updatePoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updatePoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the absolute points in the given state using the specified array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link190 onMouseOver="ShowTip(event, 'tt22', 'link190')" onMouseOut="HideTip('tt22')">mxPoints</a> as the relative points.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link191 onMouseOver="ShowTip(event, 'tt51', 'link191')" onMouseOut="HideTip('tt51')">mxCellState</a> whose absolute points should be updated.</td></tr><tr><td class=CDLEntry>points</td><td class=CDLDescription>Array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link192 onMouseOver="ShowTip(event, 'tt22', 'link192')" onMouseOut="HideTip('tt22')">mxPoints</a> that constitute the relative points.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link193 onMouseOver="ShowTip(event, 'tt51', 'link193')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the source terminal.</td></tr><tr><td class=CDLEntry>target</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link194 onMouseOver="ShowTip(event, 'tt51', 'link194')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the target terminal.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.transformControlPoint"></a>transformControlPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.transformControlPoint = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>pt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Transforms the given control point to an absolute point.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getEdgeStyle"></a>getEdgeStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getEdgeStyle = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the edge style function to be used to render the given edge state.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFloatingTerminalPoints"></a>updateFloatingTerminalPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFloatingTerminalPoints = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the terminal points in the given state after the edge style was computed for the edge.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link195 onMouseOver="ShowTip(event, 'tt51', 'link195')" onMouseOut="HideTip('tt51')">mxCellState</a> whose terminal points should be updated.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link196 onMouseOver="ShowTip(event, 'tt51', 'link196')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the source terminal.</td></tr><tr><td class=CDLEntry>target</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link197 onMouseOver="ShowTip(event, 'tt51', 'link197')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the target terminal.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFloatingTerminalPoint"></a>updateFloatingTerminalPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFloatingTerminalPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>start,</td></tr><tr><td></td><td class=PParameter nowrap>end,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the absolute terminal point in the given state for the given start and end state, where start is the source if source is true.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link198 onMouseOver="ShowTip(event, 'tt51', 'link198')" onMouseOut="HideTip('tt51')">mxCellState</a> whose terminal point should be updated.</td></tr><tr><td class=CDLEntry>start</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link199 onMouseOver="ShowTip(event, 'tt51', 'link199')" onMouseOut="HideTip('tt51')">mxCellState</a> for the terminal on &ldquo;this&rdquo; side of the edge.</td></tr><tr><td class=CDLEntry>end</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link200 onMouseOver="ShowTip(event, 'tt51', 'link200')" onMouseOut="HideTip('tt51')">mxCellState</a> for the terminal on the other side of the edge.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean indicating if start is the source terminal state.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getTerminalPort"></a>getTerminalPort</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getTerminalPort = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link201 onMouseOver="ShowTip(event, 'tt51', 'link201')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the source or target terminal or port for the given edge.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link202 onMouseOver="ShowTip(event, 'tt51', 'link202')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the state of the edge.</td></tr><tr><td class=CDLEntry>terminal</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link203 onMouseOver="ShowTip(event, 'tt51', 'link203')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the terminal.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean indicating if the given terminal is the source terminal.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getPerimeterPoint"></a>getPerimeterPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterPoint = function(</td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>next,</td></tr><tr><td></td><td class=PParameter nowrap>orthogonal,</td></tr><tr><td></td><td class=PParameter nowrap>border</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link204 onMouseOver="ShowTip(event, 'tt22', 'link204')" onMouseOut="HideTip('tt22')">mxPoint</a> that defines the location of the intersection point between the perimeter and the line between the center of the shape and the given point.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>terminal</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link205 onMouseOver="ShowTip(event, 'tt51', 'link205')" onMouseOut="HideTip('tt51')">mxCellState</a> for the source or target terminal.</td></tr><tr><td class=CDLEntry>next</td><td class=CDLDescription><a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link206 onMouseOver="ShowTip(event, 'tt22', 'link206')" onMouseOut="HideTip('tt22')">mxPoint</a> that lies outside of the given terminal.</td></tr><tr><td class=CDLEntry>orthogonal</td><td class=CDLDescription>Boolean that specifies if the orthogonal projection onto the perimeter should be returned.&nbsp; If this is false then the intersection of the perimeter and the line between the next and the center point is returned.</td></tr><tr><td class=CDLEntry>border</td><td class=CDLDescription>Optional border between the perimeter and the shape.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getRoutingCenterX"></a>getRoutingCenterX</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRoutingCenterX = function (</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the x-coordinate of the center point for automatic routing.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getRoutingCenterY"></a>getRoutingCenterY</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRoutingCenterY = function (</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the y-coordinate of the center point for automatic routing.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getPerimeterBounds"></a>getPerimeterBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterBounds = function(</td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>border</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the perimeter bounds for the given terminal, edge pair as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link207 onMouseOver="ShowTip(event, 'tt19', 'link207')" onMouseOut="HideTip('tt19')">mxRectangle</a>.</p><p>If you have a model where each terminal has a relative child that should act as the graphical endpoint for a connection from/to the terminal, then this method can be replaced as follows:</p><blockquote><pre class="prettyprint">var oldGetPerimeterBounds = mxGraphView.prototype.getPerimeterBounds;
mxGraphView.prototype.getPerimeterBounds = function(terminal, edge, isSource)
{
  var model = this.graph.getModel();
  var childCount = model.getChildCount(terminal.cell);

  if (childCount &gt; 0)
  {
    var child = model.getChildAt(terminal.cell, 0);
    var geo = model.getGeometry(child);

    if (geo != null &amp;&amp;
        geo.relative)
    {
      var state = this.getState(child);

      if (state != null)
      {
        terminal = state;
      }
    }
  }

  return oldGetPerimeterBounds.apply(this, arguments);
};</pre></blockquote><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>terminal</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link208 onMouseOver="ShowTip(event, 'tt51', 'link208')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the terminal.</td></tr><tr><td class=CDLEntry>border</td><td class=CDLDescription>Number that adds a border between the shape and the perimeter.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getPerimeterFunction"></a>getPerimeterFunction</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterFunction = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the perimeter function for the given state.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getNextPoint"></a>getNextPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getNextPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>opposite,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the nearest point in the list of absolute points or the center of the opposite terminal.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link209 onMouseOver="ShowTip(event, 'tt51', 'link209')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the edge.</td></tr><tr><td class=CDLEntry>opposite</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link210 onMouseOver="ShowTip(event, 'tt51', 'link210')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the opposite terminal.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean indicating if the next point for the source or target should be returned.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getVisibleTerminal"></a>getVisibleTerminal</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getVisibleTerminal = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the nearest ancestor terminal that is visible.&nbsp; The edge appears to be connected to this terminal on the display.&nbsp; The result of this method is cached in <a href="mxCellState-js.html#mxCellState.getVisibleTerminalState" class=LFunction id=link211 onMouseOver="ShowTip(event, 'tt95', 'link211')" onMouseOut="HideTip('tt95')">mxCellState.getVisibleTerminalState</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link212 onMouseOver="ShowTip(event, 'tt17', 'link212')" onMouseOut="HideTip('tt17')">mxCell</a> whose visible terminal should be returned.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean that specifies if the source or target terminal should be returned.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateEdgeBounds"></a>updateEdgeBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateEdgeBounds = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the given state using the bounding box of the absolute points.&nbsp; Also updates <a href="mxCellState-js.html#mxCellState.terminalDistance" class=LVariable id=link213 onMouseOver="ShowTip(event, 'tt96', 'link213')" onMouseOut="HideTip('tt96')">mxCellState.terminalDistance</a>, <a href="mxCellState-js.html#mxCellState.length" class=LVariable id=link214 onMouseOver="ShowTip(event, 'tt97', 'link214')" onMouseOut="HideTip('tt97')">mxCellState.length</a> and <a href="mxCellState-js.html#mxCellState.segments" class=LVariable id=link215 onMouseOver="ShowTip(event, 'tt98', 'link215')" onMouseOut="HideTip('tt98')">mxCellState.segments</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link216 onMouseOver="ShowTip(event, 'tt51', 'link216')" onMouseOut="HideTip('tt51')">mxCellState</a> whose bounds should be updated.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getPoint"></a>getPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPoint = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>geometry</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the absolute point on the edge for the given relative <a href="../model/mxGeometry-js.html#mxGeometry" class=LClass id=link217 onMouseOver="ShowTip(event, 'tt61', 'link217')" onMouseOut="HideTip('tt61')">mxGeometry</a> as an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link218 onMouseOver="ShowTip(event, 'tt22', 'link218')" onMouseOut="HideTip('tt22')">mxPoint</a>.&nbsp; The edge is represented by the given <a href="mxCellState-js.html#mxCellState" class=LClass id=link219 onMouseOver="ShowTip(event, 'tt51', 'link219')" onMouseOut="HideTip('tt51')">mxCellState</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link220 onMouseOver="ShowTip(event, 'tt51', 'link220')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the state of the parent edge.</td></tr><tr><td class=CDLEntry>geometry</td><td class=CDLDescription><a href="../model/mxGeometry-js.html#mxGeometry" class=LClass id=link221 onMouseOver="ShowTip(event, 'tt61', 'link221')" onMouseOut="HideTip('tt61')">mxGeometry</a> that represents the relative location.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getRelativePoint"></a>getRelativePoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRelativePoint = function(</td><td class=PParameter nowrap>edgeState,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Gets the relative point that describes the given, absolute label position for the given edge state.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link222 onMouseOver="ShowTip(event, 'tt51', 'link222')" onMouseOut="HideTip('tt51')">mxCellState</a> that represents the state of the parent edge.</td></tr><tr><td class=CDLEntry>x</td><td class=CDLDescription>Specifies the x-coordinate of the absolute label location.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Specifies the y-coordinate of the absolute label location.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateEdgeLabelOffset"></a>updateEdgeLabelOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateEdgeLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates <a href="mxCellState-js.html#mxCellState.absoluteOffset" class=LVariable id=link223 onMouseOver="ShowTip(event, 'tt64', 'link223')" onMouseOut="HideTip('tt64')">mxCellState.absoluteOffset</a> for the given state.&nbsp; The absolute offset is normally used for the position of the edge label.&nbsp; Is is calculated from the geometry as an absolute offset from the center between the two endpoints if the geometry is absolute, or as the relative distance between the center along the line and the absolute orthogonal distance if the geometry is relative.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link224 onMouseOver="ShowTip(event, 'tt51', 'link224')" onMouseOut="HideTip('tt51')">mxCellState</a> whose absolute offset should be updated.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getState"></a>getState</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getState = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>create</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link225 onMouseOver="ShowTip(event, 'tt51', 'link225')" onMouseOut="HideTip('tt51')">mxCellState</a> for the given cell.&nbsp; If create is true, then the state is created if it does not yet exist.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link226 onMouseOver="ShowTip(event, 'tt17', 'link226')" onMouseOut="HideTip('tt17')">mxCell</a> for which the <a href="mxCellState-js.html#mxCellState" class=LClass id=link227 onMouseOver="ShowTip(event, 'tt51', 'link227')" onMouseOut="HideTip('tt51')">mxCellState</a> should be returned.</td></tr><tr><td class=CDLEntry>create</td><td class=CDLDescription>Optional boolean indicating if a new state should be created if it does not yet exist.&nbsp; Default is false.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isRendering"></a>isRendering</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.isRendering = function()</td></tr></table></blockquote><p>Returns <a href="#mxGraphView.rendering" class=LVariable id=link228 onMouseOver="ShowTip(event, 'tt13', 'link228')" onMouseOut="HideTip('tt13')">rendering</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setRendering"></a>setRendering</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setRendering = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxGraphView.rendering" class=LVariable id=link229 onMouseOver="ShowTip(event, 'tt13', 'link229')" onMouseOut="HideTip('tt13')">rendering</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isAllowEval"></a>isAllowEval</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.isAllowEval = function()</td></tr></table></blockquote><p>Returns <a href="#mxGraphView.allowEval" class=LVariable id=link230 onMouseOver="ShowTip(event, 'tt10', 'link230')" onMouseOut="HideTip('tt10')">allowEval</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setAllowEval"></a>setAllowEval</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setAllowEval = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxGraphView.allowEval" class=LVariable id=link231 onMouseOver="ShowTip(event, 'tt10', 'link231')" onMouseOut="HideTip('tt10')">allowEval</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getStates"></a>getStates</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getStates = function()</td></tr></table></blockquote><p>Returns &lt;states&gt;.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setStates"></a>setStates</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setStates = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets &lt;states&gt;.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getCellStates"></a>getCellStates</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getCellStates = function(</td><td class=PParameter nowrap>cells</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link232 onMouseOver="ShowTip(event, 'tt51', 'link232')" onMouseOut="HideTip('tt51')">mxCellStates</a> for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link233 onMouseOver="ShowTip(event, 'tt17', 'link233')" onMouseOut="HideTip('tt17')">mxCells</a>.&nbsp; The array contains all states that are not null, that is, the returned array may have less elements than the given array.&nbsp; If no argument is given, then this returns &lt;states&gt;.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.removeState"></a>removeState</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.removeState = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes and returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link234 onMouseOver="ShowTip(event, 'tt51', 'link234')" onMouseOut="HideTip('tt51')">mxCellState</a> for the given cell.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link235 onMouseOver="ShowTip(event, 'tt17', 'link235')" onMouseOut="HideTip('tt17')">mxCell</a> for which the <a href="mxCellState-js.html#mxCellState" class=LClass id=link236 onMouseOver="ShowTip(event, 'tt51', 'link236')" onMouseOut="HideTip('tt51')">mxCellState</a> should be removed.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createState"></a>createState</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createState = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link237 onMouseOver="ShowTip(event, 'tt51', 'link237')" onMouseOut="HideTip('tt51')">mxCellState</a> for the given cell and initializes it using <a href="mxCellRenderer-js.html#mxCellRenderer.initialize" class=LFunction id=link238 onMouseOver="ShowTip(event, 'tt75', 'link238')" onMouseOut="HideTip('tt75')">mxCellRenderer.initialize</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link239 onMouseOver="ShowTip(event, 'tt17', 'link239')" onMouseOut="HideTip('tt17')">mxCell</a> for which a new <a href="mxCellState-js.html#mxCellState" class=LClass id=link240 onMouseOver="ShowTip(event, 'tt51', 'link240')" onMouseOut="HideTip('tt51')">mxCellState</a> should be created.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getCanvas"></a>getCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getCanvas = function()</td></tr></table></blockquote><p>Returns the DOM node that contains the background-, draw- and overlaypane.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getBackgroundPane"></a>getBackgroundPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the background layer.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getDrawPane"></a>getDrawPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getDrawPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the main drawing layer.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getOverlayPane"></a>getOverlayPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getOverlayPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the topmost drawing layer.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isContainerEvent"></a>isContainerEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isContainerEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event origin is one of the drawing panes or containers of the view.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isScrollEvent"></a>isScrollEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isScrollEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event origin is one of the scrollbars of the container in IE.&nbsp; Such events are ignored.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.init"></a>init</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.init = function()</td></tr></table></blockquote><p>Initializes the graph event dispatch loop for the specified container and invokes <a href="#mxGraphView.create" class=LFunction id=link241 onMouseOver="ShowTip(event, 'tt83', 'link241')" onMouseOut="HideTip('tt83')">create</a> to create the required DOM nodes for the display.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.installListeners"></a>installListeners</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.installListeners = function()</td></tr></table></blockquote><p>Installs the required listeners in the container.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.create"></a>create</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.createHtml = function()</td></tr></table></blockquote><p>Creates the DOM nodes for the HTML display.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createHtmlPane"></a>createHtmlPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createHtmlPane = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns a drawing pane in HTML (DIV).</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.create"></a>create</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.createVml = function()</td></tr></table></blockquote><p>Creates the DOM nodes for the VML display.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createVmlPane"></a>createVmlPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createVmlPane = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates a drawing pane in VML (group).</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.create"></a>create</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.createSvg = function()</td></tr></table></blockquote><p>Creates and returns the DOM nodes for the SVG display.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.destroy"></a>destroy</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.destroy = function()</td></tr></table></blockquote><p>Destroys the view and all its resources.</p></div></div></div>

<div class="CClass"><div class=CTopic><h2 class=CTitle><a name="mxCurrentRootChange"></a>mxCurrentRootChange</h2><div class=CBody><p>Action to change the current root in a view.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SGroup"><td class=SEntry><a href="#mxCurrentRootChange.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent1 SMarked"><td class=SEntry><a href="#mxCurrentRootChange.mxCurrentRootChange" id=link242 onMouseOver="ShowTip(event, 'tt88', 'link242')" onMouseOut="HideTip('tt88')">mxCurrentRootChange</a></td><td class=SDescription>Constructs a change of the current root in the given view.</td></tr><tr class="SFunction SIndent1"><td class=SEntry><a href="#mxCurrentRootChange.execute" id=link243 onMouseOver="ShowTip(event, 'tt89', 'link243')" onMouseOut="HideTip('tt89')">execute</a></td><td class=SDescription>Changes the current root of the view.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxCurrentRootChange.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxCurrentRootChange.mxCurrentRootChange"></a>mxCurrentRootChange</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxCurrentRootChange(</td><td class=PParameter nowrap>view,</td></tr><tr><td></td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a change of the current root in the given view.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxCurrentRootChange.execute"></a>execute</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCurrentRootChange.prototype.execute = function()</td></tr></table></blockquote><p>Changes the current root of the view.</p></div></div></div>

</div><!--Content-->


<div id=Footer><a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->


<div id=Menu><div class=MEntry><div class=MFile><a href="../index-txt.html">API Specification</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Editor</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="../editor/mxDefaultKeyHandler-js.html">mxDefaultKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultPopupMenu-js.html">mxDefaultPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultToolbar-js.html">mxDefaultToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxEditor-js.html">mxEditor</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Handler</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="../handler/mxCellHighlight-js.html">mxCellHighlight</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellMarker-js.html">mxCellMarker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellTracker-js.html">mxCellTracker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConnectionHandler-js.html">mxConnectionHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConstraintHandler-js.html">mxConstraintHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeHandler-js.html">mxEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeSegmentHandler-js.html">mxEdgeSegmentHandler.js</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxElbowEdgeHandler-js.html">mxElbowEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxGraphHandler-js.html">mxGraphHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxKeyHandler-js.html">mxKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxObjectCodec-js.html">mxObjectCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxRootChangeCodec-js.html">mxRootChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxStylesheetCodec-js.html">mxStylesheetCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxTerminalChangeCodec-js.html">mxTerminalChangeCodec</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Layout</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">Hierarchical</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Model</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphAbstractHierarchyCell-js.html">mxGraphAbstractHierarchyCell</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyEdge-js.html">mxGraphHierarchyEdge</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyModel-js.html">mxGraphHierarchyModel</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyNode-js.html">mxGraphHierarchyNode</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxHierarchicalLayout-js.html">mxHierarchicalLayout</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Stage</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxCoordinateAssignment-js.html">mxCoordinateAssignment</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxHierarchicalLayoutStage-js.html">mxHierarchicalLayoutStage</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMedianHybridCrossingReduction-js.html">mxMedianHybridCrossingReduction</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMinimumCycleRemover-js.html">mxMinimumCycleRemover</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCircleLayout-js.html">mxCircleLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompactTreeLayout-js.html">mxCompactTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompositeLayout-js.html">mxCompositeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxEdgeLabelLayout-js.html">mxEdgeLabelLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxFastOrganicLayout-js.html">mxFastOrganicLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxGraphLayout-js.html">mxGraphLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxParallelEdgeLayout-js.html">mxParallelEdgeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxPartitionLayout-js.html">mxPartitionLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxStackLayout-js.html">mxStackLayout</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Model</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../model/mxCell-js.html">mxCell</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxCellPath-js.html">mxCellPath</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGeometry-js.html">mxGeometry</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGraphModel-js.html">mxGraphModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../mxClient-js.html">mxClient</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Shape</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MFile><a href="../shape/mxActor-js.html">mxActor</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrow-js.html">mxArrow</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCloud-js.html">mxCloud</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxConnector-js.html">mxConnector</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCylinder-js.html">mxCylinder</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxDoubleEllipse-js.html">mxDoubleEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxEllipse-js.html">mxEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxHexagon-js.html">mxHexagon</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxImageShape-js.html">mxImageShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLabel-js.html">mxLabel</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLine-js.html">mxLine</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxMarker-js.html">mxMarker</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxPolyline-js.html">mxPolyline</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRectangleShape-js.html">mxRectangleShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRhombus-js.html">mxRhombus</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxShape-js.html">mxShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencil-js.html">mxStencil</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencilRegistry-js.html">mxStencilRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencilShape-js.html">mxStencilShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxSwimlane-js.html">mxSwimlane</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxText-js.html">mxText</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxTriangle-js.html">mxTriangle</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent10')">Util</a><div class=MGroupContent id=MGroupContent10><div class=MEntry><div class=MFile><a href="../util/mxAnimation-js.html">mxAnimation</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAutoSaveManager-js.html">mxAutoSaveManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxClipboard-js.html">mxClipboard</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxConstants-js.html">mxConstants</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDictionary-js.html">mxDictionary</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDivResizer-js.html">mxDivResizer</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDragSource-js.html">mxDragSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEffects-js.html">mxEffects</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEvent-js.html">mxEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventObject-js.html">mxEventObject</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventSource-js.html">mxEventSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxForm-js.html">mxForm</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxGuide-js.html">mxGuide</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImage-js.html">mxImage</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageBundle-js.html">mxImageBundle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageExport-js.html">mxImageExport</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxLog-js.html">mxLog</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMorphing-js.html">mxMorphing</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMouseEvent-js.html">mxMouseEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxObjectIdentity-js.html">mxObjectIdentity</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPath-js.html">mxPath</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPoint-js.html">mxPoint</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPopupMenu-js.html">mxPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxRectangle-js.html">mxRectangle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxResources-js.html">mxResources</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxSession-js.html">mxSession</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxSvgCanvas2D-js.html">mxSvgCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxToolbar-js.html">mxToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoableEdit-js.html">mxUndoableEdit</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoManager-js.html">mxUndoManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUrlConverter-js.html">mxUrlConverter</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUtils-js.html">mxUtils</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxWindow-js.html">mxWindow</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlCanvas2D-js.html">mxXmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlRequest-js.html">mxXmlRequest</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent11')">View</a><div class=MGroupContent id=MGroupContent11><div class=MEntry><div class=MFile><a href="mxCellEditor-js.html">mxCellEditor</a></div></div><div class=MEntry><div class=MFile><a href="mxCellOverlay-js.html">mxCellOverlay</a></div></div><div class=MEntry><div class=MFile><a href="mxCellRenderer-js.html">mxCellRenderer</a></div></div><div class=MEntry><div class=MFile><a href="mxCellState-js.html">mxCellState</a></div></div><div class=MEntry><div class=MFile><a href="mxCellStatePreview-js.html">mxCellStatePreview</a></div></div><div class=MEntry><div class=MFile><a href="mxConnectionConstraint-js.html">mxConnectionConstraint</a></div></div><div class=MEntry><div class=MFile><a href="mxEdgeStyle-js.html">mxEdgeStyle</a></div></div><div class=MEntry><div class=MFile><a href="mxGraph-js.html">mxGraph</a></div></div><div class=MEntry><div class=MFile><a href="mxGraphSelectionModel-js.html">mxGraphSelectionModel</a></div></div><div class=MEntry><div class=MFile id=MSelected>mxGraphView</div></div><div class=MEntry><div class=MFile><a href="mxLayoutManager-js.html">mxLayoutManager</a></div></div><div class=MEntry><div class=MFile><a href="mxMultiplicity-js.html">mxMultiplicity</a></div></div><div class=MEntry><div class=MFile><a href="mxOutline-js.html">mxOutline</a></div></div><div class=MEntry><div class=MFile><a href="mxPerimeter-js.html">mxPerimeter</a></div></div><div class=MEntry><div class=MFile><a href="mxPrintPreview-js.html">mxPrintPreview</a></div></div><div class=MEntry><div class=MFile><a href="mxSpaceManager-js.html">mxSpaceManager</a></div></div><div class=MEntry><div class=MFile><a href="mxStyleRegistry-js.html">mxStyleRegistry</a></div></div><div class=MEntry><div class=MFile><a href="mxStylesheet-js.html">mxStylesheet</a></div></div><div class=MEntry><div class=MFile><a href="mxSwimlaneManager-js.html">mxSwimlaneManager</a></div></div><div class=MEntry><div class=MFile><a href="mxTemporaryCellStates-js.html">mxTemporaryCellStates</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent12')">Index</a><div class=MGroupContent id=MGroupContent12><div class=MEntry><div class=MIndex><a href="../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Cookies.html">Cookies</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Events.html">Events</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option  id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([11], 13);// --></script></div><!--Menu-->



<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CClass>Base class for objects that dispatch named events. </div></div><div class=CToolTip id="tt2"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setCurrentRoot = function(</td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets and returns the current root and fires an undo event before calling mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt3"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.scaleAndTranslate = function(</td><td class=PParameter nowrap>scale,</td></tr><tr><td></td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the scale and translation and fires a scale and translate event before calling revalidate followed by mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt4"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setScale = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the scale and fires a scale event before calling revalidate followed by mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt5"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setTranslate = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the translation and fires a translate event before calling revalidate followed by mxGraph.sizeDidChange. </div></div><div class=CToolTip id="tt6"><div class=CClass>Action to change the current root in a view.</div></div><div class=CToolTip id="tt7"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxGraphView(</td><td class=PParameter nowrap>graph</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new view for the given mxGraph.</div></div><div class=CToolTip id="tt8"><div class=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><div class=CToolTip id="tt9"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.doneResource</td></tr></table></blockquote>Specifies the resource key for the status message after a long operation. </div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.allowEval</td></tr></table></blockquote>Specifies if string values in cell styles should be evaluated using mxUtils.eval. </div></div><div class=CToolTip id="tt11"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>eval: function(</td><td class=PParameter nowrap>expr</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Evaluates the given expression using eval and returns the JavaScript object that represents the expression result. </div></div><div class=CToolTip id="tt12"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.captureDocumentGesture</td></tr></table></blockquote>Specifies if a gesture should be captured when it goes outside of the graph container. </div></div><div class=CToolTip id="tt13"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.rendering</td></tr></table></blockquote>Specifies if shapes should be created, updated and destroyed using the methods of mxCellRenderer in graph. </div></div><div class=CToolTip id="tt14"><div class=CClass>Renders cells into a document object model. </div></div><div class=CToolTip id="tt15"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graph</td></tr></table></blockquote>Reference to the enclosing mxGraph.</div></div><div class=CToolTip id="tt16"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.currentRoot</td></tr></table></blockquote>mxCell that acts as the root of the displayed cell hierarchy.</div></div><div class=CToolTip id="tt17"><div class=CClass>Cells are the elements of the graph model. </div></div><div class=CToolTip id="tt18"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graphBounds</td></tr></table></blockquote>mxRectangle that caches the scales, translated bounds of the current view.</div></div><div class=CToolTip id="tt19"><div class=CClass>Extends mxPoint to implement a 2-dimensional rectangle with double precision coordinates.</div></div><div class=CToolTip id="tt20"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.scale</td></tr></table></blockquote>Specifies the scale. </div></div><div class=CToolTip id="tt21"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.translate</td></tr></table></blockquote>mxPoint that specifies the current translation. </div></div><div class=CToolTip id="tt22"><div class=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><div class=CToolTip id="tt23"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.updateStyle</td></tr></table></blockquote>Specifies if the style should be updated in each validation step. </div></div><div class=CToolTip id="tt24"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getGraphBounds = function()</td></tr></table></blockquote>Returns graphBounds.</div></div><div class=CToolTip id="tt25"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setGraphBounds = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets graphBounds.</div></div><div class=CToolTip id="tt26"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getBounds = function(</td><td class=PParameter nowrap>cells</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the bounds (on the screen) for the given array of mxCells.</div></div><div class=CToolTip id="tt27"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraph.prototype.sizeDidChange = function()</td></tr></table></blockquote>Called when the size of the graph has changed. </div></div><div class=CToolTip id="tt28"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.revalidate = function()</td></tr></table></blockquote>Revalidates the complete view with all cell states.</div></div><div class=CToolTip id="tt29"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getScale = function()</td></tr></table></blockquote>Returns the scale.</div></div><div class=CToolTip id="tt30"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getTranslate = function()</td></tr></table></blockquote>Returns the translate.</div></div><div class=CToolTip id="tt31"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.refresh = function()</td></tr></table></blockquote>Clears the view if currentRoot is not null and revalidates.</div></div><div class=CToolTip id="tt32"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.clear = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>force,</td></tr><tr><td></td><td class=PParameter nowrap>recurse</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Removes the state of the given cell and all descendants if the given cell is not the current root.</div></div><div class=CToolTip id="tt33"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.invalidate = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>recurse,</td></tr><tr><td></td><td class=PParameter nowrap>includeEdges,</td></tr><tr><td></td><td class=PParameter nowrap>orderChanged</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Invalidates the state of the given cell, all its descendants and connected edges.</div></div><div class=CToolTip id="tt34"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validate = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell. </div></div><div class=CToolTip id="tt35"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createBackgroundPageShape = function(</td><td class=PParameter nowrap>bounds</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns the shape used as the background page.</div></div><div class=CToolTip id="tt36"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackground = function()</td></tr></table></blockquote>Validates the background image.</div></div><div class=CToolTip id="tt37"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPageBounds = function()</td></tr></table></blockquote>Returns the bounds for the background page.</div></div><div class=CToolTip id="tt38"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.redrawBackgroundImage = function(</td><td class=PParameter nowrap>backgroundImage,</td></tr><tr><td></td><td class=PParameter nowrap>bg</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the bounds and redraws the background image.</div></div><div class=CToolTip id="tt39"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validateBounds = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child. </div></div><div class=CToolTip id="tt40"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateVertexLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the absoluteOffset of the given vertex cell state. </div></div><div class=CToolTip id="tt41"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validatePoints = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an mxRectangle.</div></div><div class=CToolTip id="tt42"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.childMoved = function(</td><td class=PParameter nowrap>parent,</td></tr><tr><td></td><td class=PParameter nowrap>child</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Invoked when a child state was moved as a result of late evaluation of its position. </div></div><div class=CToolTip id="tt43"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the initial absolute terminal points in the given state before the edge style is computed.</div></div><div class=CToolTip id="tt44"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>constraint</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the fixed source or target terminal point on the given edge.</div></div><div class=CToolTip id="tt45"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updatePoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the absolute points in the given state using the specified array of mxPoints as the relative points.</div></div><div class=CToolTip id="tt46"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.transformControlPoint = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>pt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Transforms the given control point to an absolute point.</div></div><div class=CToolTip id="tt47"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getEdgeStyle = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the edge style function to be used to render the given edge state.</div></div><div class=CToolTip id="tt48"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFloatingTerminalPoints = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the terminal points in the given state after the edge style was computed for the edge.</div></div><div class=CToolTip id="tt49"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFloatingTerminalPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>start,</td></tr><tr><td></td><td class=PParameter nowrap>end,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the absolute terminal point in the given state for the given start and end state, where start is the source if source is true.</div></div><div class=CToolTip id="tt50"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getTerminalPort = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns an mxCellState that represents the source or target terminal or port for the given edge.</div></div><div class=CToolTip id="tt51"><div class=CClass>Represents the current state of a cell in a given mxGraphView.</div></div><div class=CToolTip id="tt52"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterPoint = function(</td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>next,</td></tr><tr><td></td><td class=PParameter nowrap>orthogonal,</td></tr><tr><td></td><td class=PParameter nowrap>border</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns an mxPoint that defines the location of the intersection point between the perimeter and the line between the center of the shape and the given point.</div></div><div class=CToolTip id="tt53"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRoutingCenterX = function (</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the x-coordinate of the center point for automatic routing.</div></div><div class=CToolTip id="tt54"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRoutingCenterY = function (</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the y-coordinate of the center point for automatic routing.</div></div><div class=CToolTip id="tt55"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterBounds = function(</td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>border</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the perimeter bounds for the given terminal, edge pair as an mxRectangle.</div></div><div class=CToolTip id="tt56"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterFunction = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the perimeter function for the given state.</div></div><div class=CToolTip id="tt57"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getNextPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>opposite,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the nearest point in the list of absolute points or the center of the opposite terminal.</div></div><div class=CToolTip id="tt58"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getVisibleTerminal = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the nearest ancestor terminal that is visible. </div></div><div class=CToolTip id="tt59"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateEdgeBounds = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the given state using the bounding box of the absolute points. </div></div><div class=CToolTip id="tt60"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPoint = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>geometry</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the absolute point on the edge for the given relative mxGeometry as an mxPoint. </div></div><div class=CToolTip id="tt61"><div class=CClass>Extends mxRectangle to represent the geometry of a cell.</div></div><div class=CToolTip id="tt62"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRelativePoint = function(</td><td class=PParameter nowrap>edgeState,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Gets the relative point that describes the given, absolute label position for the given edge state.</div></div><div class=CToolTip id="tt63"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateEdgeLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates mxCellState.absoluteOffset for the given state. </div></div><div class=CToolTip id="tt64"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCellState.prototype.absoluteOffset</td></tr></table></blockquote>mxPoint that holds the absolute offset. </div></div><div class=CToolTip id="tt65"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getState = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>create</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the mxCellState for the given cell. </div></div><div class=CToolTip id="tt66"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.isRendering = function()</td></tr></table></blockquote>Returns rendering.</div></div><div class=CToolTip id="tt67"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setRendering = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets rendering.</div></div><div class=CToolTip id="tt68"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.isAllowEval = function()</td></tr></table></blockquote>Returns allowEval.</div></div><div class=CToolTip id="tt69"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setAllowEval = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets allowEval.</div></div><div class=CToolTip id="tt70"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getStates = function()</td></tr></table></blockquote>Returns states.</div></div><div class=CToolTip id="tt71"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setStates = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets states.</div></div><div class=CToolTip id="tt72"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getCellStates = function(</td><td class=PParameter nowrap>cells</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the mxCellStates for the given array of mxCells. </div></div><div class=CToolTip id="tt73"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.removeState = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Removes and returns the mxCellState for the given cell.</div></div><div class=CToolTip id="tt74"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createState = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns an mxCellState for the given cell and initializes it using mxCellRenderer.initialize.</div></div><div class=CToolTip id="tt75"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxCellRenderer.prototype.initialize = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Initializes the display for the given cell state. </div></div><div class=CToolTip id="tt76"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getCanvas = function()</td></tr></table></blockquote>Returns the DOM node that contains the background-, draw- and overlaypane.</div></div><div class=CToolTip id="tt77"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the background layer.</div></div><div class=CToolTip id="tt78"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getDrawPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the main drawing layer.</div></div><div class=CToolTip id="tt79"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getOverlayPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the topmost drawing layer.</div></div><div class=CToolTip id="tt80"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isContainerEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the event origin is one of the drawing panes or containers of the view.</div></div><div class=CToolTip id="tt81"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isScrollEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the event origin is one of the scrollbars of the container in IE. </div></div><div class=CToolTip id="tt82"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.init = function()</td></tr></table></blockquote>Initializes the graph event dispatch loop for the specified container and invokes create to create the required DOM nodes for the display.</div></div><div class=CToolTip id="tt83"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.createHtml = function()</td></tr></table></blockquote>Creates the DOM nodes for the HTML display.</div></div><div class=CToolTip id="tt84"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.installListeners = function()</td></tr></table></blockquote>Installs the required listeners in the container.</div></div><div class=CToolTip id="tt85"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createHtmlPane = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns a drawing pane in HTML (DIV).</div></div><div class=CToolTip id="tt86"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createVmlPane = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates a drawing pane in VML (group).</div></div><div class=CToolTip id="tt87"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.destroy = function()</td></tr></table></blockquote>Destroys the view and all its resources.</div></div><div class=CToolTip id="tt88"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxCurrentRootChange(</td><td class=PParameter nowrap>view,</td></tr><tr><td></td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a change of the current root in the given view.</div></div><div class=CToolTip id="tt89"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCurrentRootChange.prototype.execute = function()</td></tr></table></blockquote>Changes the current root of the view.</div></div><div class=CToolTip id="tt90"><div class=CClass>Implements a composite undoable edit.</div></div><div class=CToolTip id="tt91"><div class=CClass>Singleton class that acts as a global converter from string to object values in a style. </div></div><div class=CToolTip id="tt92"><div class=CClass>Extends mxShape to implement an image shape. </div></div><div class=CToolTip id="tt93"><div class=CClass>Encapsulates the URL, width and height of an image.</div></div><div class=CToolTip id="tt94"><div class=CClass>Defines an object that contains the constraints about how to connect one side of an edge to its terminal.</div></div><div class=CToolTip id="tt95"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxCellState.prototype.getVisibleTerminalState = function (</td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the visible source or target terminal state.</div></div><div class=CToolTip id="tt96"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCellState.prototype.terminalDistance</td></tr></table></blockquote>Caches the distance between the end points for an edge.</div></div><div class=CToolTip id="tt97"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCellState.prototype.length</td></tr></table></blockquote>Caches the length of an edge.</div></div><div class=CToolTip id="tt98"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCellState.prototype.segments</td></tr></table></blockquote>Array of numbers that represent the cached length of each segment of the edge.</div></div><!--END_ND_TOOLTIPS-->




<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>


<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>